﻿				
	<div class="content">
		<h2 class="app">
			<strong>Dashboard</strong>
			<span class="right">
  			<a href="#" class="btn btn-leads-on">Leads On</a>
  			<a href="#" class="btn btn-calls-off">Calls On</a>
			</span>
		</h2>                
        <div class="mods-wrapper" id="firstStep" >
        <ul class="accordeon-tabs mod-calendar">
            <li class="open">
            <span class="tab">
                <span class="expander" data-bind="click: expCalendar"></span>
                <span>Calendar</span>
            </span>
            <span class="panel" data-bind="visible: visiblecalendar">
                <div id="calendar" class="calendar" ></div>
            </span>
            </li>
        </ul>
                
        <div class="mod-calendar-events-wrapper">
            <ul class="accordeon-tabs mod-calendar-events">
                <li class="open">
                    <span class="tab">
                        <span class="expander" data-bind="click: expEvent"></span>
                        <span>Calendar Events</span>
                    </span>
                    <span class="toolbar" data-bind="visible: visibletoolbar">
                        <span class="area full">
                        Event for <label data-bind="text:TimeEvent" ></label>
                        <a href="#" class="btn btn-print">Print</a>
                        <div class="select-holder ev-sel-user">
                            <select id="Agents" data-bind='value: AgentOption, foreach: AgentOptions, optionsCaption: "All Users"'>
                                <option data-bind="value: AgentId, text: AgentName"></option>
				            </select>
                        </div>
                        </span>
                    </span>
                    <span class="panel nopadding" data-bind="visible: visiblepanel">
                        <ul class="calendar-list" data-bind="foreach: ItemsOnCalendar">
                            <li data-bind='css: {"": CalendarInfo.Title == null, "active": CalendarInfo.Title != null}'>
                                <span class="time" data-bind='text: TimeZone'>8:00 AM</span>
                                <span class="activity" data-bind='text: CalendarInfo.Title'></span>
                            </li>                  
                        </ul>
                    </span>
                </li>
            </ul>
        </div>
    </div><!-- .mods-wrapper -->


